<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./JS/jQuery.min.js"></script>
    <script src="./JS/axios.min.js"></script>
</head>

<body>
    <button type="button" id="btn">注册</button>
    <script>
        // // axios
        // const btn = document.querySelector('#btn')
        // btn.addEventListener('click',function () {
        //     axios({
        //     url:'http://hmajax.itheima.net/api/register',
        //     method: 'post',
        //     data: {
        //         username: 'username',
        //         password: '213213'
        //     }
        // // 请求成功
        // }).then(res => {
        //     console.log(res);
        // // 请求失败
        // }).catch(error => { // 错误处理
        //     // 错误处理
        //     console.log(error);
        //     // 获取信息
        //     console.log(error.response.data.message);
        //     alert(error.response.data.message)
        // })
        // })


        $(function () {
            $('#btn').on('click', function () {
                $.ajax({
                    type: 'post',
                    url: 'http://hmajax.itheima.net/api/register',
                    data: {
                        username: 'username',
                        password: '213213'
                    },
                    // 请求成功
                    success: res => {
                        console.log(res);
                    },
                    // 请求失败
                    error: fail => {
                        console.log(fail);
                        console.log(fail.responseJSON.message);
                        alert(fail.responseJSON.message)
                    }
                })
            })
        })
    </script>
</body>

</html>